<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <button>测试axios是否是promise</button>
    <script>
      // 验证axios确实是promise对象（肉眼看不出来 所以打印下才能验证）
      document.querySelector('button').onclick = function () {
        const data = axios({
          url: 'http://ajax-api.itheima.net/api/news',
        })
        // console.log(data)
      }
      // 原生的promise
      const p = new Promise((resolve, reject) => {
        // 假装发起了一个请求
        // xhr
        reject('我失败了')
        // resolve('我成功了')
      })

      p.then((res) => {
        console.log(res)
      }).catch((err) => {
        console.log(err)
      })

      // 要检测的是原来的promise的状态值的变化
      console.log('p', p)
    </script>
  </body>
</html>
